import { Card, Cards } from 'nextra/components';

# Fixtures

The fixture is the main abstraction in React Cosmos. It represents a component example that can be rendered in isolation. A fixture file is generally colocated with its related component file.

<Cards>
  <Card title="Fixture Modules" href="/docs/fixtures/fixture-modules" />
  <Card title="File Conventions" href="/docs/fixtures/file-conventions" />
  <Card title="Decorators" href="/docs/fixtures/decorators" />
  <Card title="Fixture Options" href="/docs/fixtures/fixture-options" />
  <Card title="Fixture Inputs" href="/docs/fixtures/fixture-inputs" />
  <Card title="Viewport" href="/docs/fixtures/viewport" />
</Cards>
